@require "../../css/variables.styl"

.dg-header-cell-wrapper
  position absolute
  left 0
  right 0
  overflow hidden

.dg-header-cell
  background #fff
  position relative
  padding $padding-dg-header-cell
  user-select none

.dg-abs-v-middle
  top 50%
  transform translateY(-50%)

.dg-abs-v-top
  top $padding-dg-header-cell

.dg-abs-v-bottom
  bottom $padding-dg-header-cell

.dg-text-center
  text-align center

.dg-text-left
  text-align left

.dg-text-right
  text-align right

.dg-check-all
  position absolute
  left 8px
  line-height 0 !important

.dg-header-cell-content
  position absolute
  left 0
  width 100%
  .caret-wrapper
    position relative
    cursor pointer
    display inline-block
    vertical-align middle
    margin-top -2px
    width 16px
    height 30px
    overflow visible
    overflow initial
    .sort-caret
      display inline-block
      width 0
      height 0
      border 0
      content ""
      position absolute
      z-index 2


  .sort-caret.asc, .sort-caret.desc
    border-right 5px solid transparent
    border-left 5px solid transparent

  .sort-caret.asc
    top 9px
    border-top none
    border-bottom 5px solid $color-dg-sort

  .sort-caret.desc
    bottom 9px
    border-top 5px solid $color-dg-sort
    border-bottom none
  &.asc .sort-caret.asc
    border-bottom-color $color-dg-sort-highlight

  &.desc .sort-caret.desc
    border-top-color $color-dg-sort-highlight


.dg-resize-bar
  width 4px
  position absolute
  top 0
  right 0
  height 100%
  cursor col-resize
  /*background #00b3ee*/

.dg-resize-bar-left
  width 4px
  position absolute
  top 0
  left 0
  height 100%
  cursor col-resize
  /*background #00b3ee*/

.dg-header-top-border
  border-top solid 1px $color-dg-border

.dg-header-bottom-border
  border-bottom $border-dg-header-bottom

.dg-header-left-border
  border-left solid 1px $color-dg-border

.dg-header-right-border
  border-right solid 1px $color-dg-border

